<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
		<jsp:include page="/WEB-INF/jsp/lib.jsp" />

<!-- 网页加载完毕，初始化select -->		
部门<select id="deptId" >
	<option value="">--请选择--</option>
	<!-- <option value="deptId">deptName</option> -->
</select>
职位<input id="positionName" >
<button id="btn">查询</button>
<!-- 使用easgyUI datagrid组件表格 -->
<table id="dg"></table>

<script type="text/javascript">


//页面加载完毕调用初始化
	$(function() {
		//初始化select
		//查询后端的部门列表，部门主加到select中
		$.ajax({
			url:"dept/list.do?rows=100",
			success:function(data){
				//遍历rows部门数据
				//for(i in data.rows){ data.rows[i]}
				//$(data.rows,function(value ){ })
				$.each(data.rows,function(index,dept){
					//主加到select中
					$("#deptId").append("<option value="+dept.id+">"+dept.deptName+"</option>")
				})
				
			}
			
		})
		
		
		$("#btn").click(function(){
			//获取查询参数
			var deptId = $("#deptId").val()
			var positionName = $("#positionName").val()
			
			//带参数刷新表格
			//带参数刷新表格
			$("#dg").datagrid({
				queryParams:{
					positionName:positionName,
					deptId:deptId,
					}
			})
			
			
		})
		
		//初始化对话框
		$("#dlg").dialog({
		    closed: true,    
		    modal: true,   //遮罩
		    buttons:[{
				text:"保存",
				iconCls:"icon-save",
				handler:function(){
					
				}
		    },{
				text:"取消",
				iconCls:"icon-cancel",
				handler:function(){
					
				}
		    }]
		})
		
		//初始化表格
		$('#dg').datagrid({    
		    url:'position/list.do',  
		    //一行数据
		    //{"id":1,"deptId":1,"deptName":"人力资源部","positionName":"人力资源主管","updateTime":null,"createTime":null}
		    columns:[[    
		        {field:'id',title:'ID',width:100},    
		        {field:'deptId',title:'部门ID',width:100},    
		        {field:'deptName',title:'部门名称',width:100},    
		        {field:'positionName',title:'职位名称',width:100},    
		        {field:'updateTime',title:'修改时间',width:100,formatter:function(value){
		        	if(value){
		        		//时间戳转化为date类型
			        	var date = new Date(value)
			        	//小时
			        	var hours =date.getHours() //getHours()
			        	//分钟
			        	var min = date.getMinutes();
			        	//秒
			        	var sec = date.getSeconds(); 
			        	
			        	//获取年
			        	var year = date.getFullYear()
			        	//获取月份
			        	var month = date.getMonth()+1
			        	//日期
			        	var date = date.getDate()

			        	
			        	return year+"-"+month+"-"+date+" "+hours+":"+min+":"+sec;
		        	}
		        }},
		        {field:'createTime',title:'创建时间',width:100,formatter:function(value){
		        	if(value){
		        		//时间戳转化为date类型
			        	var date = new Date(value)
		        		
		        		//js分毫可以写也可以不写
		        		//代码不压缩就可以不写
			          	var hours =date.getHours() //getHours()
			        	//分钟
			        	var min = date.getMinutes();
			        	//秒
			        	var sec = date.getSeconds(); 
			        	
			        	//获取年
			        	var year = date.getFullYear()
			        	//获取月份
			        	var month = date.getMonth()+1
			        	//日期
			        	var date = date.getDate()
			      
			        	
			        	return year+"-"+month+"-"+date+" "+hours+":"+min+":"+sec;
		        	}
		        }},
		    ]],
		    fitColumns:true,
		    toolbar: [{
				text:"新增",		    
				iconCls: 'icon-add',
				handler: function(){
						
				}
			},'-',{
				text:"编辑",		    
				iconCls: 'icon-edit',
				handler: function(){
				}
			},'-',{
				text:"删除",	
				iconCls: 'icon-remove',
				handler: function(){
						
				}
			}],
			pagination:true

		}); 
	})
</script>